<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>内联替换元素和非替换元素</title>
    <style>
        span{
            margin-top:15px;
            margin-bottom:15px;
            background-color: fuchsia;
        }
        img{
            margin-top:15px;
            margin-bottom:15px;
            background-color: blue;
        }
        p:first-letter{
            color:red;
            font-size:35px;
            margin-left:30px;
        }
    </style>
</head>
<body>
<span>你好呀</span>
<img src="../80页之前代码测试/0.jpg"/>
<!--::first-letter支持margin-left,right不能解析top和bottom-->
<p>我喜欢唱歌跳舞学习弹吉他</p>
</body>
</html>